From a4052ffee8bc7c6c8a69eba5120b5c6c2d951b0f Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Tue, 12 Mar 2024 19:18:52 +0000
Subject: Add items

---
 pages/item/[id].vue | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 pages/item/[id].vue

(limited to 'pages/item/[id].vue')

diff --git a/pages/item/[id].vue b/pages/item/[id].vue
new file mode 100644
index 0000000..f1dbb95
--- /dev/null
+++ b/pages/item/[id].vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { useSessionStore } from '@/stores/session';
+import { stripColorCodes } from '@/lib/util';
+
+definePageMeta({
+  layout: 'editor'
+})
+
+const sessionStore = useSessionStore();
+const route = useRoute();
+
+const itemId = route.params.id as string;
+
+const item = sessionStore.getItemById(itemId);
+</script>
+
+<template>
+  <PageHeader>
+    <span id="path">
+      <font-awesome-icon class="icon" :icon="['fas', 'cube']" />
+      <span class="title">{{ itemId }} </span>
+    </span>
+    <span id="controls" class="control-group">
+      <Button type="solid" :disabled="true" :icon="['fas', 'fa-save']" :label="'Save'"></Button>
+    </span>
+  </PageHeader>
+
+  <div id="options-container">
+  </div>
+</template>
+
+<style scoped>
+#pane-container {
+  width: 100%;
+  flex-grow: 1;
+  height: calc(100vh - 73px);
+  max-height: calc(100vh - 73px);
+}
+
+#options-container {
+  width: 100%;
+  display: flex;
+  gap: 1rem;
+  padding: 1rem;
+  overflow: auto;
+  max-height: calc(100% - 55px);
+}
+
+header {
+  border-bottom: 1px solid var(--color-border);
+}
+</style>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2